<template>
	<view class="newlist">
		<view class="newitem" v-for="(item, index) in 20" :key="index" @click="toDetail()">
			<image class="newlistimg" src="/static/listimg.png" />
			<view class="newright">
				<text class="lname">应用开发thinkphp后台代码修改thinkphp二uniapp代码修改!</text>
				<view class="dfen">
					<text class="dfenitem">Uni</text>
					<text class="dfenitem">Php</text>
				</view>
				<view class="goutong">
					<text class="goutongbtn">立即沟通</text>
				</view>
			</view>
		</view>
</view>
</template>

<script>
export default {
	props: {
		payPop: {
			type: Boolean,
			default: false
		},

	},
	name: "PayPop",
	data() {
		return {
			ispayPop: true,
			animat: this.isanimate(),
		};
	},
	methods: {
		close() {
			this.$emit("close");
		},
		reload() {
			this.$emit("reload");
		},
		manghe() {
			//我的盲盒
			uni.redirectTo({
				url: '/pages/my/index'
			})
		}
	}
}
</script>

<style scoped lang="scss">
.newlist {
	display: flex;
	flex-direction: column;
	padding: 20rpx;

	.newitem {
		display: flex;
		flex-direction: row;
		padding: 20rpx;
		background-color: #fff;
		border-radius: 16rpx;
		margin-bottom: 20rpx;

		.newlistimg {
			width: 200rpx;
			height: 200rpx;
			border-radius: 5rpx;
			margin-right: 30rpx;

		}

		.newright {
			display: flex;
			flex-direction: column;
			width: 70%;

			.lname {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #000000;
			}

			.dfen {
				display: flex;
				flex-direction: row;
				align-items: center;
				margin: 20rpx 0 0;

				.dfenitem {
					padding: 8rpx 20rpx;
					background: #EEEEEE;
					border-radius: 4rpx;
					margin-right: 20rpx;
					font-size: 20rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #51565D;
				}
			}

			.goutong {
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-top: 20rpx;

				.goutongbtn {
					width: 150rpx;
					height: 50rpx;
					background: $Themecolor;
					border-radius: 6rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;
					margin-left: auto;
					color: #FFFFFF;
				}
			}
		}
	}
}</style>
